<!DOCTYPE html>
<html>

	<head>
	<link rel="icon" type="image/x-icon" class="js-site-favicon" href="http://likexia.gitee.io/tools/lib/img/favicon.ico">
		<meta charset="utf-8">
		<!--<meta http-equiv="X-UA-Compatible" content="IE=7" />-->
		<meta http-equiv="X-UA-Compatible" cotent="IE=edge,chrome=1" />
		<!--禁止缓存-测试时用-->
		<meta http-equiv="expires" content="0">
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<!--禁止缓存-测试时用-->
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<!--页面跳转：Github Games-->
		<meta http-equiv="refresh" content="3;url=http://likexia.gitee.io/game/">
    <script type="text/javascript">
			! function(e, t) {
				function n() {
					var n = l.getBoundingClientRect().width;
					t = t || 540, n > t && (n = t);
					var i = 100 * n / e;
					r.innerHTML = "html{font-size:" + i + "px;}"
				}
				var i, d = document,
					o = window,
					l = d.documentElement,
					r = document.createElement("style");
				if(l.firstElementChild) l.firstElementChild.appendChild(r);
				else {
					var a = d.createElement("div");
					a.appendChild(r), d.write(a.innerHTML), a = null
				}
				n(), o.addEventListener("resize", function() { clearTimeout(i), i = setTimeout(n, 300) }, !1), o.addEventListener("pageshow", function(e) { e.persisted && (clearTimeout(i), i = setTimeout(n, 300)) }, !1), "complete" === d.readyState ? d.body.style.fontSize = "16px" : d.addEventListener("DOMContentLoaded", function(e) { d.body.style.fontSize = "16px" }, !1)
			}(750, 750);
		</script>
		<title>页面跳转中...</title>
		<style type="text/css">
			body {
				background: #333333;
				padding: 0;
				margin: 0;
			}
			.loader {
				position: absolute;
				top: 50%;
				left: 50%;
				margin: -0.5rem 0 0 -1rem;
				display: block;
				width: 2.5rem;
				height: 1rem;
				overflow:hidden;
			}
			@-webkit-keyframes rotate_pacman_half_up {
				0% {
					-webkit-transform: rotate(270deg);
					transform: rotate(270deg);
				}
				50% {
					-webkit-transform: rotate(360deg);
					transform: rotate(360deg);
				}
				100% {
					-webkit-transform: rotate(270deg);
					transform: rotate(270deg);
				}
			}
			@keyframes rotate_pacman_half_up {
				0% {
					-webkit-transform: rotate(270deg);
					transform: rotate(270deg);
				}
				50% {
					-webkit-transform: rotate(360deg);
					transform: rotate(360deg);
				}
				100% {
					-webkit-transform: rotate(270deg);
					transform: rotate(270deg);
				}
			}
			@-webkit-keyframes rotate_pacman_half_down {
				0% {
					-webkit-transform: rotate(90deg);
					transform: rotate(90deg);
				}
				50% {
					-webkit-transform: rotate(0deg);
					transform: rotate(0deg);
				}
				100% {
					-webkit-transform: rotate(90deg);
					transform: rotate(90deg);
				}
			}
			@keyframes rotate_pacman_half_down {
				0% {
					-webkit-transform: rotate(90deg);
					transform: rotate(90deg);
				}
				50% {
					-webkit-transform: rotate(0deg);
					transform: rotate(0deg);
				}
				100% {
					-webkit-transform: rotate(90deg);
					transform: rotate(90deg);
				}
			}
			@-webkit-keyframes pacman-balls {
				75% {
					opacity: 0.7;
				}
				100% {
					-webkit-transform: translate(-100px, -0.07rem);
					transform: translate(-100px, -0.07rem);
				}
			}
			@keyframes pacman-balls {
				75% {
					opacity: 0.7;
				}
				100% {
					-webkit-transform: translate(-100px, -6.25px);
					transform: translate(-100px, -6.25px);
				}
			}
			.pacman {
				position: relative;
			}
			.pacman>div:nth-child(2) {
				-webkit-animation: pacman-balls 1s 0s infinite linear;
				animation: pacman-balls 1s 0s infinite linear;
			}
			.pacman>div:nth-child(3) {
				-webkit-animation: pacman-balls 1s 0.33s infinite linear;
				animation: pacman-balls 1s 0.33s infinite linear;
			}
			.pacman>div:nth-child(4) {
				-webkit-animation: pacman-balls 1s 0.66s infinite linear;
				animation: pacman-balls 1s 0.66s infinite linear;
			}
			.pacman>div:nth-child(5) {
				-webkit-animation: pacman-balls 1s 0.99s infinite linear;
				animation: pacman-balls 1s 0.99s infinite linear;
			}
			.pacman>div:first-of-type {
				width: 0px;
				height: 0px;
				border-right: 0.5rem solid transparent;
				border-top: 0.5rem solid #fff;
				border-left: 0.5rem solid #fff;
				border-bottom: 0.5rem solid #fff;
				border-radius: 0.5rem;
				-webkit-animation: rotate_pacman_half_up 0.5s 0s infinite;
				animation: rotate_pacman_half_up 0.5s 0s infinite;
			}
			.pacman>div:nth-child(2) {
				width: 0px;
				height: 0px;
				border-right: 0.5rem solid transparent;
				border-top: 0.5rem solid #fff;
				border-left: 0.5rem solid #fff;
				border-bottom: 0.5rem solid #fff;
				border-radius: 0.5rem;
				-webkit-animation: rotate_pacman_half_down 0.5s 0s infinite;
				animation: rotate_pacman_half_down 0.5s 0s infinite;
				margin-top: -1rem;
			}
			.pacman>div:nth-child(3),
			.pacman>div:nth-child(4),
			.pacman>div:nth-child(5),
			.pacman>div:nth-child(6) {
				background-color: #fff;
				width: 0.25rem;
				height: 0.25rem;
				border-radius: 100%;
				margin: 0.03rem 0.4rem;
				position: absolute;
				-webkit-transform: translate(0, -0.06rem);
				-ms-transform: translate(0, -0.06rem);
				transform: translate(0, -0.06rem);
				top: 0.45rem;
				left: 1.5rem;
			}
			.refresh,
			.link {
				display: block;
				width: 50%;
				background: #378AE8;
				color: #fff;
				height: 0.4rem;
				line-height: 0.4rem;
				text-align: center;
				margin: 10% auto;
			}
			.refresh:active {
				background: #6fadf4;
			}
			.box {
				display: -webkit-flex;
				display: flex;
				-webkit-flex-wrap: wrap;
				flex-wrap: wrap;
				padding: 0.1rem;
				justify-content:space-between;
			}
			.link {
				width: auto;
				padding: 0 0.1rem;
				background: #50ADD3;
				box-sizing: border-box;
				margin: 0.05rem;
				text-decoration: none;
			}
			.color-1{background: #ED008C;}
		</style>
	</head>

	<body>
		<div class="box">

		</div>
		<div class="loader">
			<div class="loader-inner pacman">
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
			</div>
		</div>

		<script type="text/javascript">
			function refresh() {
				window.location.reload();
			}
		</script>
	</body>

</html>